{% block sw_cms_missing_element_modal %}
<sw-modal
    class="sw-cms-missing-element-modal"
    variant="small"
    :title="$tc('sw-cms.components.cmsMissingElementModal.headline')"
    @modal-close="onClose"
>

    {% block sw_cms_missing_element_modal_title %}
    <p
        class="sw-cms-missing-element-modal__title"
        v-html="title"
    ></p>
    {% endblock %}

    {% block sw_cms_missing_element_modal_subtitle %}
    <p class="sw-cms-missing-element-modal__subtitle">
        {{ $tc('sw-cms.components.cmsMissingElementModal.subtitle') }}
    </p>
    {% endblock %}

    {% block sw_cms_missing_element_modal_paragraph %}
    <p class="sw-cms-missing-element-modal__paragraph">
        {{ $tc('sw-cms.components.cmsMissingElementModal.paragraph') }}
    </p>
    {% endblock %}
    <mt-checkbox
        class="sw-cms-missing-element-modal__dont-remind"
        :label="$tc('sw-app.component.sw-app-actions.dontAskMeAgain')"
        @update:checked="onChangeDontRemindCheckbox()"
    />

    <template #modal-footer>
        {% block sw_cms_missing_element_modal_button_cancel %}
        <mt-button
            class="sw-cms-missing-element-modal__button-cancel"
            size="small"
            variant="secondary"
            @click="onClose"
        >
            {{ $tc('global.default.cancel') }}
        </mt-button>
        {% endblock %}

        {% block sw_cms_missing_element_modal_button_save %}
        <mt-button
            class="sw-cms-missing-element-modal__button-save"
            size="small"
            variant="primary"
            @click="onSave"
        >
            {{ $tc('sw-cms.components.cmsMissingElementModal.buttonSave') }}
        </mt-button>
        {% endblock %}
    </template>

</sw-modal>
{% endblock %}
